<template>
    <div class="time-selector">
        <el-select v-model="periodString" placeholder="Select" name="time">
            <el-option v-for="(item, index) in options" :key="index" :label="item" :value="item" />
        </el-select>
    </div>
</template>

<script setup lang="ts">
import { PropType } from 'vue';

const periodString = defineModel<string>('periodString',{required:true})
defineProps({
    options:{
        required:true,
        type:Object as PropType<string[]>
    }
})
</script>

<style scoped>
.time-selector {
    height: 6%;
    width: 120px;
    margin-left: 20px;
}
</style>